<template>
  <br />
  <z-breadcrumb>
    <z-breadcrumb-item>Ant Design Vue</z-breadcrumb-item>
    <z-breadcrumb-item><a href="">Component</a></z-breadcrumb-item>
    <z-breadcrumb-item>
      <a href="">General</a>
      <template #overlay>
        <z-menu>
          <z-menu-item>
            <a target="_blank" rel="noopener noreferrer" href="http://www.alipay.com/">General</a>
          </z-menu-item>
          <z-menu-item>
            <a target="_blank" rel="noopener noreferrer" href="http://www.taobao.com/">Layout</a>
          </z-menu-item>
          <z-menu-item>
            <a target="_blank" rel="noopener noreferrer" href="http://www.tmall.com/">Navigation</a>
          </z-menu-item>
        </z-menu>
      </template>
    </z-breadcrumb-item>
    <z-breadcrumb-item>Button</z-breadcrumb-item>
  </z-breadcrumb>
</template>
<script>
import { defineComponent } from 'vue'

export default defineComponent({
  name: 'BreadcrumbDemo2'
})
</script>
